<template>
  <div>
    <high-search title='商品筛选查询' :list="list" />
    <custom-table
      title='商品列表'
      style="margin-top: 10px"
      resParam=""
      :column="column"
      :tableConfig="tableConfig"
    >
      <template #customTools>
        <el-col :span="24">
          <el-button >修改基本信息</el-button>
          <el-button >修改商品详情</el-button>
        </el-col>
      </template>
      <template #actionColumn1>
        <el-button type="primary">查看</el-button>
        <el-button type="primary">修改</el-button>
        <el-button type="primary">日志</el-button>
        <el-button type="danger">删除</el-button>
      </template>
    </custom-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      form: {},
      column: [
        {
          prop: "code",
          label: "编号",
          width: "100",
        },
        {
          prop: "name1",
          label: "商品名称",
          width: "200",
        },
        {
          prop: "name2",
          label: "价格/货号",
          width: "200",
        },
        {
          prop: "name3",
          label: "标签",
          width: "200",
        },
        {
          prop: "name7",
          label: "销量",
          width: "200",
        },
        {
          prop: "name8",
          label: "审核状态",
          width: "200",
        },
      ],
      tableConfig: {
        total: 10,
        operation: [],
        useIndex: false,
        showRight: true,
        useMultiSelect: true,
        treeProps: { children: "children" },
        pageSize: 10,
        layout: "total,prev,pager,next,sizes,jumper",
        showPagination: true,
        data: [1],
        actionColumns: [
          {
            label: "操作",
            slotName: "actionColumn1",
            width: 260,
          },
        ],
      },
      list: [
        {
          label: "姓名",
          prop: "name",
          type: "input",
        },
        {
          label: "日期",
          prop: "date",
          type: "date",
        },
        {
          label: "商品状态",
          prop: "select",
          type: "select",
          optionList: [
            { key: "0", value: "全部商品" },
            { key: "1", value: "已上架" },
            { key: "2", value: "未上架" },
            { key: "3", value: "待审核" },
            { key: "4", value: "已通过" },
          ],
        },
      ],
    };
  },
};
</script>

<style></style>
